.head {
    position: absolute;
  }
  
  .canvas {
    position: relative;
    height: 350px;
    background: rgba(0, 0, 0, 0.88);
    padding-top: 40px !important;
    box-sizing: border-box;
  }
  
  canvas {
    position: absolute !important;
    z-index: 0 !important;
    height: 350px;
    width: 100%;
  }


  /* 头部内容 */
  .cus-det-head{
      display: flex;
      justify-content: space-between;
      background: #fff;
      position:absolute;
      top: 208px;
  }
  .cus-det-head-left{
      padding-top: 48px;
      padding-left: 46px;
  }

  .cus-det-head-left h2{
      color: #000;
      font-weight: inherit;
      margin: 24px 0;
  }
  .cus-det-head-left p{
      width: 460px;
      color: #000;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      overflow: hidden;
  }


  /* 内容 */
  .main{
      background: #f8f9fb;
      padding-top: 190px;
      padding-left: 46px;
      padding-bottom: 168px;
      color: #000;
  }
  .main-p1{
      width: 1120px;
      color: #000;
      margin-top: 25px;
  }

  .main p{
      width: 1120px;
  }

  .main-p2{
      text-align: right;
      margin-top: 25px;
      color: #000;
      position: relative;
  }
  .main-p2::after{
      display: block;
      content: "";
      position: absolute;
      background-color: #1271ef;
      width: 14px;
      height: 4px;
      top: 8px;
      left: 89%;
  }

  .title{
      color: #000;
      margin-top: 45px;
      margin-bottom: 30px;
      font-size: 18px;
  }

  .main-img {
      background: url(../imgs/szyh-details.png) no-repeat center;
      background-size: 100% 100%;
      width: 100%;
      height: 620px;
      margin-top: 58px;
  }

  /* 页尾 */
  .foot{
      background: #fff;
  }